<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn">1</button>
    <script>
      /*
         - History - 浏览器的历史记录(空值浏览器前进后退)
            - history.back()
                -等于浏览器的回退按钮
            - history.forward()
                -前进
            - history.go()
                - 可以向前跳转也可以向后跳转
                -参数 -1 等于 后退1 1等于前进1 -2等等以此类推
            - history.length
                - 返回当前页面历史记录的值,一共跳转几次,就有多少
*/
      const btn = document.getElementById('btn');
      btn.onclick = () => {
        console.log(history.length);
        history.go(-1);
      };
    </script>
  </body>
</html>
